<!DOCTYPE html>
<html lang="en">

<head>
	<title>Contact Us | Bravana - Responsive Website Template</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Responsive Website Template">
	<meta name="author" content="The Develovers">
	<!-- CORE CSS -->
	<link href="assets/css/bootstrap.css" rel="stylesheet" type="text/css">
	<link href="assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="assets/css/elegant-icons.css" rel="stylesheet" type="text/css">
	<!-- THEME CSS -->
	<link href="assets/css/main.css" rel="stylesheet" type="text/css">
	<link href="assets/css/my-custom-styles.css" rel="stylesheet" type="text/css">
	<!-- GOOGLE FONTS -->
	<link href='https://fonts.googleapis.com/css?family=Raleway:700,400,400italic,500' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Lato:400,400italic,700,300,300italic' rel='stylesheet' type='text/css'>
	<!-- FAVICONS -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/bravana144.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/bravana114.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/bravana72.png">
	<link rel="apple-touch-icon-precomposed" href="assets/ico/bravana57.png">
	<link rel="shortcut icon" href="assets/ico/favicon.ico">
</head>

<body>
	<!-- WRAPPER -->
	<div id="wrapper">
		<!-- NAVBAR -->
		<nav class="navbar navbar-default navbar-fixed-top ">
			<div class="container">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav-collapse">
					<span class="sr-only">Toggle Navigation</span>
					<i class="fa fa-bars"></i>
				</button>
				<a href="index.html" class="navbar-brand">
					<img src="assets/img/logo/bravana-lite-logo.png" alt="Bravana Logo">
				</a>
				<div id="main-nav-collapse" class="collapse navbar-collapse">
					<ul class="nav navbar-nav main-navbar-nav">
						<li class="dropdown ">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">HOME <i class="fa fa-angle-down"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="index.html">Home Default</a></li>
								<li><a href="index-blog.html">Home Blog</a></li>
							</ul>
						</li>
						<li class="dropdown ">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">FEATURES <i class="fa fa-angle-down"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="features-hero-image-full.html">Fullscreen Image Background</a></li>
								<li><a href="features-footer-newsletter-dark.html">Footer Newsletter (Dark)</a></li>
							</ul>
						</li>
						<li class="dropdown active">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">PAGES <i class="fa fa-angle-down"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="page-about.html">About</a></li>
								<li><a href="page-services.html">Services</a></li>
								<li class="active"><a href="page-contact.html">Contact</a></li>
							</ul>
						</li>
						<li><a href="blog-single-post.html">BLOG POST</a></li>
						<li>
							<a href="https://www.themeineed.com/downloads/bravana-responsive-website-template/?utm_source=bravanalite&utm_medium=button&utm_campaign=bravana" target="_blank" class="btn-navbar"><span><i class="fa fa-rocket"></i> UPGRADE TO PRO</span></a>
						</li>
					</ul>
				</div>
				<!-- END MAIN NAVIGATION -->
			</div>
		</nav>
		<!-- END NAVBAR -->
		<!-- PAGE HEADER WITH BACKGROUND IMAGE -->
		<div id="page-header-contact" class="page-header has-background-image">
			<div class="overlay"></div>
			<div class="container">
				<h1 class="page-title">CONTACT US</h1>
				<ol class="breadcrumb link-accent">
					<li><a href="#">Home</a></li>
					<li><a href="#">Pages</a></li>
					<li class="active">Contact</li>
				</ol>
			</div>
		</div>
		<!-- END PAGE HEADER WITH BACKGROUND IMAGE -->
		<!-- PAGE CONTENT -->
		<div class="page-content no-margin-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-9">
						<p>Phosfluorescently transform progressive deliverables whereas e-business technology. Distinctively target proactive human capital rather than future-proof total linkage. Collaboratively predominate impactful partnerships and ubiquitous communities. Professionally formulate interdependent outsourcing rather than just in time imperatives. Uniquely orchestrate quality total linkage without reliable results.</p>
						<br>
						<form method="post" id="contact-form" class="form-horizontal">
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label for="contact-name" class="control-label sr-only">Name</label>
										<input type="text" class="form-control" id="contact-name" name="name" placeholder="Name*" required>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label for="contact-email" class="control-label sr-only">Email</label>
										<input type="email" class="form-control" id="contact-email" name="email" placeholder="Email*" required>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label for="contact-subject" class="control-label sr-only">Subject</label>
								<div class="col-sm-12">
									<input type="text" class="form-control" id="contact-subject" name="subject" placeholder="Subject">
								</div>
							</div>
							<div class="form-group">
								<label for="contact-message" class="control-label sr-only">Message</label>
								<div class="col-sm-12">
									<textarea class="form-control" id="contact-message" name="message" rows="5" cols="30" placeholder="Message" required></textarea>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-12">
									<button id="submit-button" type="submit" class="btn btn-primary"><i class="fa loading-icon"></i> <span>Submit Message</span></button>
								</div>
							</div>
							<input type="hidden" name="msg-submitted" id="msg-submitted" value="true">
						</form>
					</div>
					<div class="col-md-3">
						<div class="sidebar">
							<div class="widget">
								<h4 class="widget-title">CONTACT INFO</h4>
								<address class="contact-info">
									<p><i class="icon icon_pin_alt ico-styled text-primary"></i> 1234 North Main Street New York, NY 22222</p>
									<p><i class="icon icon_phone ico-styled text-primary"></i> (1800) 765 - 4321</p>
									<p><i class="icon icon_mail_alt ico-styled text-primary"></i> email@yourdomain.com</p>
								</address>
							</div>
							<div class="widget">
								<h4 class="widget-title">GETTING THERE</h4>
								<div class="google-map-sidebar">
									<div id="custom-map-canvas"></div>
								</div>
							</div>
							<div class="widget">
								<h4 class="widget-title">BUSINESS HOURS</h4>
								<ul class="list-unstyled">
									<li><strong>Monday-Friday: </strong> 8am to 5pm</li>
									<li><strong>Saturday: </strong> 10am to 2pm</li>
									<li><strong>Sunday: </strong> Closed</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END PAGE CONTENT -->
		<!-- FOOTER -->
		<footer class="footer-newsletter">
			<div class="container">
				<div class="footer-top">
					<h4 class="footer-heading">Subscribe to Our Newsletter</h4>
					<p class="copytext">Subscribe to the newsletter to get latest news and updates about our product.
						<br>Preview the latest issue <a href="#">here</a></p>
					<form class="newsletter-form" method="post">
						<div class="input-group input-group-lg">
							<input type="email" class="form-control" name="email" placeholder="youremail@domain.com">
							<span class="input-group-btn"><button class="btn btn-primary" type="button"><i class="fa fa-spinner fa-spin"></i><span>SUBSCRIBE</span></button>
							</span>
						</div>
						<div class="alert"></div>
					</form>
				</div>
				<div class="footer-bottom">
					<div class="left">
						<nav class="clearfix">
							<ul class="list-inline">
								<li><a href="#">News</a></li>
								<li><a href="#">Press</a></li>
								<li><a href="#">Terms &amp; Privacy</a></li>
								<li><a href="#">We're Hiring</a></li>
							</ul>
						</nav>
						<p class="copyright-text">&copy;2017 <a href="https://www.themeineed.com/" target="_blank">The Develovers</a>. All Rights Reserved.</p>
					</div>
					<ul class="right list-inline social-icons social-icons-bordered social-icons-small social-icons-fullrounded">
						<li><a href="#"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#"><i class="fa fa-rss"></i></a></li>
						<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
						<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
					</ul>
				</div>
			</div>
		</footer>
		<!-- END FOOTER -->
		<div class="back-to-top">
			<a href="#top"><i class="fa fa-chevron-up"></i></a>
		</div>
	</div>
	<!-- END WRAPPER -->
	<!-- JAVASCRIPT -->
	<script src="assets/js/jquery-2.1.1.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/plugins/easing/jquery.easing.min.js"></script>
	<script src="assets/js/plugins/google-map/google-map.js"></script>
	<script src="assets/js/bravana-lite.js"></script>
</body>

</html>
